<template>
	<view class="wrap">
		<view class="">
			<icon-text iconPath="order" :iconPosition="0" iconText="设备信息"></icon-text>
		</view>
		<u-line></u-line>
		<view class="item-column">
			<view class="column-name">设备名称:</view>
			<view class="column-value">{{ workSheet.devName }}</view>
		</view>
		<view class="item-column">
			<view class="cacolumn-namete">设备mac:</view>
			<view class="column-value">{{ workSheet.macAddres }}</view>
		</view>
		<view class="item-column">
			<view class="cacolumn-namete">车辆编号:</view>
			<view class="column-value">{{ workSheet.faultReason }}</view>
		</view>
		<view class="item-column">
			<view class="cacolumn-namete">车辆编号:</view>
			<view class="column-value">{{ workSheet.faultReason }}</view>
		</view>
		<u-divider height="20" style="width: 100%;" bg-color="#f5f5f5"></u-divider>
		<view class="">
			<icon-text iconPath="order" :iconPosition="0" iconText="维修记录"></icon-text>
		</view>
		<view class="records">
			<record-item v-for="(item,index) in records" :repairRecord="item"></record-item>
		</view>
		<u-line></u-line>
	</view>
</template>

<script>
	import iconText from '@/components/icon-text.vue'
	import recordItem from './components/record-item.vue'
	export default{
		components:{
			iconText,
			recordItem
		},
		data(){
			return{
				workSheet:{},
				records:[
					{
						sheetNo:210601,
						reason:'接触不良',
						repairPerson:'李工',
						date:'2021-6-17 18:21:22',
						state:'已撤销'
					},
					{
						sheetNo:210602,
						reason:'设备故障',
						repairPerson:'张工',
						date:'2021-6-17 18:21:22',
						state:'已撤销'
					},
					{
						sheetNo:210603,
						reason:'线路损坏',
						repairPerson:'李工',
						date:'2021-6-17 18:21:22',
						state:'待处理'
					},
					{
						sheetNo:210604,
						reason:'接触不良',
						repairPerson:'李工',
						date:'2021-6-17 18:21:22',
						state:'已撤销'
					},
				],
			}
		},
		
		methods:{
			
		}
		
	}
</script>

<style scoped lang="scss">
	.wrap{
		display: flex;
		flex-direction: column;
		padding: 20rpx;
	}
	.item-column{
		display: flex;
		flex-direction: row;
		padding: 20rpx 30rpx;
		
	}
</style>
